//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//

import { addClass, removeClass } from "@/assets/js/dom";
import template from "./insertingCoilTemplate";
const { render, staticRenderFns } = template;

export default {
  render,
  staticRenderFns,
  data() {
    return {
      //账号验证
      verifyUserName: function (value) {
        return {
          valid: /^[0-9a-z]{6,15}$/i.test(value),
          msg: "请输入6-15位且必须包含英文和数字的账号",
        };
      },
      verifyPsd: function (value) {
        return {
          valid: /^(?![^a-zA-Z]+$)(?!\D+$).{6,15}$/.test(value),
          msg: "请输入6-15位且必须包含英文和数字的密码",
        };
      },

      userName: "",
      psd: "",
      confirmPsd: "",
      setSuccese: true,
    };
  },
  methods: {
    eyeOnOff(e) {
      //查看密码
      var el = e.currentTarget;
      var selfType = this.$refs.psd.$el.getElementsByTagName("input")[0];
      var parentType = this.$refs.confirmPsd.$el.getElementsByTagName(
        "input"
      )[0];
      if (selfType.type == "password" && parentType.type == "password") {
        addClass(el, "eyeOn");
        removeClass(el, "eyeOff");
        selfType.type = "text";
        parentType.type = "text";
      } else {
        addClass(el, "eyeOff");
        removeClass(el, "eyeOn");
        selfType.type = "password";
        parentType.type = "password";
      }
    },
    openAccount() {
      if (!this.userName) {
        this.$refs.userName.focus();
        this.$vux.toast.show({
          text: "开户账号不能为空",
        });
        return false;
      }
      if (!/^[0-9a-z]{6,15}$/i.test(this.userName)) {
        this.$refs.userName.focus();
        this.$vux.toast.show({
          text: "请输入6-15位且必须包含英文和数字的账号",
        });
        return false;
      }
      if (!this.psd) {
        this.$refs.psd.focus();
        this.$vux.toast.show({
          text: "开户密码不能为空",
        });
        return false;
      }
      if (!/^(?![^a-zA-Z]+$)(?!\D+$).{6,15}$/.test(this.psd)) {
        this.$refs.psd.focus();
        this.$vux.toast.show({
          text: "请输入6-15位且必须包含英文和数字的密码",
        });
        return false;
      }
      if (!this.confirmPsd) {
        this.$refs.confirmPsd.focus();
        this.$vux.toast.show({
          text: "请输入确认密码",
        });
        return false;
      }
      if (this.psd != this.confirmPsd) {
        this.$refs.confirmPsd.focus();
        this.$vux.toast.show({
          text: "两次密码输入不一致",
        });
        return false;
      }

      let vm = this;
      let params = {};
      params.token = localStorage.getItem("token");
      params.username = vm.userName;
      params.password = vm.psd;
      params.password2 = vm.confirmPsd;
      params.flag = 3;
      params.type = 4;
      vm.$vux.loading.show();
      vm.$http
        .post(vm.urlRequest + "?m=api&c=user&a=openAccount", params)
        .then((res) => {
          vm.$vux.loading.hide();
          if (res.status == 0) {
            vm.setSuccese = false;
          } else {
            let msg = "";
            if (res.status) {
              msg = res.ret_msg;
            } else {
              msg = "开户失败";
            }
            if (msg && msg != "") {
              vm.$vux.toast.show({
                text: msg,
              });
            }
          }
        })
        .catch((err) => {
          vm.$vux.loading.hide();
          console.log(err);
        });
    },
  },
  watch: {},
};

// WEBPACK FOOTER //
// ./src/components/personalCenter/teamManagement/insertingCoil/insertingCoil.vue
